<template>
    <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="value" label="产品类别" width="180">
            <template #default="scope">
                <el-select v-model="scope.row.name" placeholder="请输入值">
                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </el-select>
            </template>
        </el-table-column>
    </el-table>

    <el-input placeholder="Please input" />


</template>

<script lang="ts" setup>

onMounted(() => console.log('component mounted!'));
console.log(import.meta.env.VITE_APP_TITLE)
console.log(import.meta.env)
const options = [
    {
        value: "选项1",
        label: "黄金糕"
    },
    {
        value: "选项2",
        label: "双皮奶"
    },
    {
        value: "选项3",
        label: "蚵仔煎"
    },
    {
        value: "选项4",
        label: "龙须面"
    },
    {
        value: "选项5",
        label: "北京烤鸭"
    }
]
const tableData = [
    {
        date: '2016-05-03',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Home',
    },
    {
        date: '2016-05-02',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Office',
    },
    {
        date: '2016-05-04',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Home',
    },
    {
        date: '2016-05-01',
        name: 'Tom',
        state: 'California',
        city: 'Los Angeles',
        address: 'No. 189, Grove St, Los Angeles',
        zip: 'CA 90036',
        tag: 'Office',
    },
]




</script>

<style >
</style>

<route lang="yaml">
{
    name: 'dashboard',
    meta: {
        layout: index
    }

    
}
</route>